Page({
  // data相当于是响应式数据
  data: {
    message: "Hello MINA!",
    url:
      "https://img2.baidu.com/it/u=1696019022,1228684&fm=253&fmt=auto&app=138&f=JPEG?w=200&h=200",
    count: 10,
    list: [
      {
        number: 1,
        name: "zhangsan",
      },
      {
        number: 2,
        name: "lisi",
      },
      {
        number: 3,
        name: "wangwu",
      },
    ],
    arr: [1, 2, 3, 4, 5, 6, 7, 8, 9],
    show: true,
    item: {
      index: 0,
      msg: "this is a template",
      time: "2016-09-15",
    },
  },
  add() {
    // 事件里面拿data的数据，用的是this.data.xxx
    // console.log(this.data.count);

    // 需要改变data的数据，需要调用小程序的setData函数
    // setData不仅改变数据，还渲染页面
    // 原理是将这个参数的对象和原来的data对象做合并
    // this.setData({
    //   count: 20,
    // });
    // this.setData({
    //   count: this.data.count + 1,
    // });

    this.setData({
      // list: this.data.list.concat({
      //   number: 1,
      //   name: "zhangsan",
      // }),
      list: [...this.data.list, { number: 11, name: "zzzz" }],
    });
  },
  // getPhoneNumber(e) {
  //   console.log(e);
  // },
  getPhoneNumber(e) {
    console.log(e.detail.code); // 动态令牌
    console.log(e.detail.errMsg); // 回调信息（成功失败都会返回）
    console.log(e.detail.errno); // 错误码（失败时返回）
  },
  login22() {
    wx.login({
      success(res) {
        if (res.code) {
          console.log(res.code);
        }
      },
    });
  },
  handleClick() {
    console.log(123);
  },
  handleClick2(e) {
    console.log(e.target.dataset.count);
    console.log(e.target.dataset.msg);
  },
  fatherClick() {
    console.log("fatherClick");
  },
  sonClick() {
    console.log("sonClick");
  },
  toDetail() {
    // 小程序的动态路由要用query的形式传参
    // 在接受的页面用onLoad里面的options参数，进行接受
    wx.navigateTo({
      url: "../detail/detail?id=123&name=zhangsan",
    });
  },
});
